<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MyTechBook</title>
        
    <link rel="stylesheet" type="text/css" href="../../static/css/main.css">
</head>
<body>
<div class="navbar navbar-line">
    <div class="container">
        <div class="logo">
            
                MyTechBook
            
        </div>
        <input type="checkbox" id="idoc_nav" />
        <div class="menu_tree">
        <ul><li><a href="../../index.html">首页</a></li><li><a href="#"><span></span>前沿观察</a><ul><li><a href="../../html/前沿观察/ECMAScript 6入门.html">ECMAScript 6入门</a></li><li><a href="../../html/前沿观察/Immutable详解及React中实践.html">Immutable详解及React中实践</a></li><li><a href="../../html/前沿观察/Node.js MVC框架ThinkJS.html">Node.js MVC框架ThinkJS</a></li><li><a href="../../html/前沿观察/Nodejs 5.0.0版本.html">Nodejs 5.0.0版本</a></li><li><a href="../../html/前沿观察/关系型数据库PostgreSQL.html">关系型数据库PostgreSQL</a></li><li><a href="../../html/前沿观察/轻型MVVM框架Vue.js.html">轻型MVVM框架Vue.js</a></li><li><a href="../../html/前沿观察/基于nodejs的开发框架koa.html">基于nodejs的开发框架koa</a></li></ul></li><li><a href="#"><span></span>前端工程化</a><ul><li><a href="../../html/前端工程化/前端模板.html">前端模板</a></li><li><a href="../../html/前端工程化/性能优化和前端工程的爱恨情仇.html">性能优化和前端工程的爱恨情仇</a></li><li><a href="../../html/前端工程化/webpack入门及实践.html">webpack入门及实践</a></li><li><a href="../../html/前端工程化/前端工程化不完全装逼指南.html">前端工程化不完全装逼指南</a></li></ul></li><li><a href="#"><span></span>性能优化</a><ul><li><a href="../../html/性能优化/jshint代码质量检测.html">jshint代码质量检测</a></li><li><a href="../../html/性能优化/jshint配置说明.html">jshint配置说明</a></li><li><a href="../../html/性能优化/NC性能优化.html">NC性能优化</a></li><li><a href="../../html/性能优化/React编码规范.html">React编码规范</a></li><li class="active"><a href="../../html/性能优化/性能优化待办事项.html">性能优化待办事项</a></li><li><a href="../../html/性能优化/性能优化点总结.html">性能优化点总结</a></li></ul></li><li><a href="#"><span></span>技术分享</a><ul><li><a href="../../html/技术分享/React技术分享.html">React技术分享</a></li><li><a href="../../html/技术分享/学习Git.html">学习Git</a></li><li><a href="../../html/技术分享/面向对象.html">面向对象</a></li><li><a href="../../html/技术分享/Node.js知识详解.html">Node.js知识详解</a></li><li><a href="../../html/技术分享/2015年大前端技术年终总结.html">2015年大前端技术年终总结</a></li></ul></li><li><a href="#"><span></span>随想笔记</a><ul><li><a href="../../html/随想笔记/项目技术栈规划.html">项目技术栈规划</a></li><li><a href="../../html/随想笔记/笔试面试大纲.html">笔试面试大纲</a></li></ul></li><li><a href="../../html/CONTACT.html">CONTACT</a></li></ul>    
        </div>
        
        
        <div class="forkgithub"><a target="_blank" href="https://github.com/sujunming">fork on github</a></div>
        

        <section class="idoc_nav_btn">
            <label for="idoc_nav"><span></span></label>
        </section>
    </div>
    
</div>




<div class="container">

    <div class="page-toc">
        <ul><li><a href="#t0前端性能优化待办事项">前端性能优化待办事项</a></li></ul>
    </div>
    
    <div class="content markdown-body">
        <h1 id="t0&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x5F85;&#x529E;&#x4E8B;&#x9879;">&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x5F85;&#x529E;&#x4E8B;&#x9879; <a href="#t0&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x5F85;&#x529E;&#x4E8B;&#x9879;"> # </a></h1>
<table>
<thead>
<tr>
<th>&#x5E8F;&#x53F7;</th>
<th>&#x95EE;&#x9898;&#x63CF;&#x8FF0;</th>
<th>&#x4F18;&#x5148;&#x7EA7;</th>
<th>&#x8D1F;&#x8D23;&#x4EBA;</th>
<th>&#x4F18;&#x5316;&#x76EE;&#x6807;</th>
<th>&#x5B9E;&#x65BD;&#x65E5;&#x671F;</th>
<th>&#x5DE5;&#x4F5C;&#x8BA1;&#x5212;</th>
<th>&#x5DE5;&#x4F5C;&#x8FDB;&#x5EA6;</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>&#x5F62;&#x6210;&#x56FE;&#x7247;&#x4F18;&#x5316;&#x89C4;&#x8303;&#xFF08;&#x4F18;&#x5316;css sprite&#x3001;&#x5408;&#x6210;&#x96EA;&#x78A7;&#x56FE;&#x3001;&#x4E0D;&#x5728;html&#x4E2D;&#x7F29;&#x653E;&#x56FE;&#x7247;&#x3001;&#x907F;&#x514D;&#x56FE;&#x7247;&#x7A7A;src&#x3001;&#x591A;&#x91C7;&#x7528;css&#x52A0;&#x56FE;&#x7247;&#x80CC;&#x666F;&#xFF09;</td>
<td>9</td>
<td></td>
<td>&#x6700;&#x5927;&#x9650;&#x5EA6;&#x964D;&#x4F4E;&#x56FE;&#x7247;&#x52A0;&#x8F7D;&#x5E26;&#x6765;&#x7684;&#x6027;&#x80FD;&#x6D88;&#x8017;</td>
<td>10.13-10.16</td>
<td>&#x786E;&#x5B9A;&#x89C4;&#x8303;&#xFF0C;&#x901A;&#x8FC7;yslow&#x5DE5;&#x5177;&#x9A8C;&#x8BC1;</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>&#x786E;&#x5B9A;&#x56FE;&#x7247;&#x5408;&#x5E76;&#x5DE5;&#x5177;</td>
<td>8</td>
<td></td>
<td>&#x8BA9;&#x5C0F;&#x7684;icon&#x548C;&#x56FE;&#x7247;&#x5408;&#x5E76;&#x6210;&#x4E00;&#x5F20;&#x56FE;</td>
<td>10.14-10.23</td>
<td>&#x786E;&#x5B9A;&#x5BF9;&#x5E94;&#x7684;gulp&#x63D2;&#x4EF6;&#xFF0C;&#x5E76;&#x914D;&#x7F6E;&#x8FD0;&#x884C;</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>&#x5F62;&#x6210;js&#x4EE3;&#x7801;&#x89C4;&#x8303;&#xFF0C;&#x5E76;&#x6309;&#x6B64;&#x6267;&#x884C;</td>
<td>8</td>
<td></td>
<td>&#x5F62;&#x6210;&#x7684;&#x89C4;&#x8303;&#x8FDB;&#x884C;&#x57F9;&#x8BAD;&#xFF0C;&#x901A;&#x8FC7;&#x5DE5;&#x5177;&#x6309;&#x7167;&#x89C4;&#x8303;&#x8FDB;&#x884C;&#x91CF;&#x5316;</td>
<td>10.14-10.23</td>
<td>&#x9009;&#x62E9;&#x5408;&#x9002;&#x7684;&#x68C0;&#x6D4B;&#x5DE5;&#x5177;&#xFF0C;&#x5F62;&#x6210;&#x4EE3;&#x7801;&#x89C4;&#x8303;&#xFF0C;&#x8FDB;&#x884C;&#x90E8;&#x95E8;&#x5185;&#x6280;&#x672F;&#x57F9;&#x8BAD;&#x6216;&#x5206;&#x4EAB;</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>&#x4F18;&#x5316;DOM&#x76F8;&#x5173;&#x64CD;&#x4F5C;&#xFF08;&#x9009;&#x62E9;&#x5668;&#x95EE;&#x9898;&#x3001;DOM&#x7F13;&#x5B58;&#x3001;&#x51CF;&#x5C11;repaint&#x548C;reflow&#x3001;&#x4F18;&#x5316;DOM&#x64CD;&#x4F5C;&#x903B;&#x8F91;&#x7B49;&#xFF09;</td>
<td>8</td>
<td></td>
<td>&#x964D;&#x4F4E;DOM&#x64CD;&#x4F5C;&#x5F15;&#x8D77;&#x7684;&#x6027;&#x80FD;&#x6D88;&#x8017;</td>
<td>10.14-10.23</td>
<td>&#x901A;&#x8FC7;sonar&#x68C0;&#x6D4B;&#x51FA;&#x5F53;&#x524D;DOM&#x76F8;&#x5173;&#x6027;&#x80FD;&#x95EE;&#x9898;</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>JS&#x4EE3;&#x7801;&#x89C4;&#x5219;&#x68C0;&#x67E5;&#x5DE5;&#x5177;</td>
<td>9</td>
<td></td>
<td></td>
<td>10.14-10.23</td>
<td>gulp-jshint&#xFF0C;&#x914D;&#x7F6E;&#x5E76;&#x4EA7;&#x51FA;&#x68C0;&#x67E5;&#x7ED3;&#x679C;</td>
<td>&#x5B8C;&#x6210;&#x68C0;&#x67E5;&#xFF0C;&#x6682;&#x672A;&#x4FEE;&#x6539;</td>
</tr>
<tr>
<td>6</td>
<td>JS&#x6027;&#x80FD;&#x68C0;&#x6D4B;&#x5DE5;&#x5177;</td>
<td>9</td>
<td></td>
<td>&#x91CF;&#x5316;&#x63D2;&#x4EF6;API&#x6027;&#x80FD;&#x6307;&#x6807;&#xFF0C;&#x4EE5;&#x53CA;&#x4E3A;&#x4F18;&#x5316;&#x63D0;&#x4F9B;&#x65B9;&#x5411;</td>
<td>10.14-10.23</td>
<td>gulp-jslint,&#x4EA7;&#x51FA;&#x6027;&#x80FD;&#x68C0;&#x6D4B;&#x7ED3;&#x679C;</td>
<td>&#x914D;&#x7F6E;&#x5B8C;&#x6210;</td>
</tr>
<tr>
<td>7</td>
<td>JS&#x548C;CSS&#x7684;&#x4EE3;&#x7801;&#x8D70;&#x67E5;</td>
<td>7</td>
<td></td>
<td>&#x5BF9;&#x65E5;&#x5E38;&#x5F00;&#x53D1;&#x4EE3;&#x7801;&#x8FDB;&#x884C;code review</td>
<td>&#x65E5;&#x5E38;&#x5DE5;&#x4F5C;&#x5B89;&#x6392;</td>
<td>&#x5F85;&#x5B9A;</td>
<td></td>
</tr>
<tr>
<td>8</td>
<td>&#x5C06;&#x53D1;&#x73B0;&#x7684;&#x73B0;&#x6709;&#x95EE;&#x9898;&#x5F62;&#x6210;&#x5F00;&#x53D1;&#x4EFB;&#x52A1;</td>
<td>9</td>
<td></td>
<td>&#x5BF9;&#x53D1;&#x73B0;&#x7684;&#x95EE;&#x9898;&#x53CA;&#x65F6;&#x53CD;&#x9988;&#xFF0C;&#x843D;&#x5B9E;&#x89E3;&#x51B3;</td>
<td>&#x65E5;&#x5E38;&#x5DE5;&#x4F5C;</td>
<td>&#x5F85;&#x5B9A;</td>
<td></td>
</tr>
<tr>
<td>9</td>
<td>&#x89C4;&#x8303;jquery&#x63D2;&#x4EF6;&#x5199;&#x6CD5;&#x53CA;&#x539F;&#x751F;&#x63D2;&#x4EF6;&#x5C01;&#x88C5;</td>
<td>8</td>
<td></td>
<td>&#x901A;&#x8FC7;&#x5185;&#x90E8;&#x5206;&#x4EAB;&#x89C4;&#x8303;&#x63D2;&#x4EF6;&#x5F00;&#x53D1;</td>
<td>10.14-10.23</td>
<td>&#x7EDF;&#x4E00;&#x89C4;&#x8303;&#x7684;&#x63D2;&#x4EF6;&#x4E66;&#x5199;&#x65B9;&#x5F0F;&#xFF0C;&#x90E8;&#x95E8;&#x5185;&#x8FDB;&#x884C;&#x6280;&#x672F;&#x5206;&#x4EAB;</td>
<td></td>
</tr>
<tr>
<td>10</td>
<td>css&#x4EE3;&#x7801;&#x89C4;&#x5219;&#x68C0;&#x67E5;&#x5DE5;&#x5177;</td>
<td>8</td>
<td></td>
<td>&#x53D1;&#x73B0;&#x73B0;&#x6709;css&#x4EE3;&#x7801;&#x89C4;&#x5219;&#x95EE;&#x9898;</td>
<td>10.14-10.23</td>
<td>gulp-csslint&#xFF0C;&#x914D;&#x7F6E;&#x5E76;&#x4EA7;&#x51FA;&#x68C0;&#x67E5;&#x7ED3;&#x679C;</td>
<td></td>
</tr>
<tr>
<td>11</td>
<td>css&#x7F16;&#x7801;&#x89C4;&#x8303;&#x57F9;&#x8BAD;</td>
<td>8</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x5F62;&#x6210;&#x89C4;&#x8303;&#x5E76;&#x57F9;&#x8BAD;&#x3001;&#x51CF;&#x5C11;&#x540E;&#x7EED;css&#x6027;&#x80FD;&#x95EE;&#x9898;</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x5F85;&#x5B9A;</td>
<td></td>
</tr>
<tr>
<td>12</td>
<td>css&#x6027;&#x80FD;&#x4F18;&#x5316;&#xFF08;&#x51CF;&#x5C11;&#x5C42;&#x7EA7;&#x5D4C;&#x5957;&#x3001;&#x7406;&#x6E05;&#x6BCF;&#x4E2A;&#x63D2;&#x4EF6;&#x53CA;&#x6BCF;&#x4E2A;&#x9875;&#x9762;&#x7528;&#x5230;&#x7684;css&#x90E8;&#x5206;&#x3001;&#x51CF;&#x5C11;css&#x5197;&#x4F59;&#x7B49;&#xFF09;</td>
<td>9</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x505A;&#x5230;&#x63D2;&#x4EF6;&#x7684;css&#x4EE3;&#x7801;&#x6E05;&#x6670;&#xFF0C;&#x9875;&#x9762;&#x7684;css&#x52A0;&#x8F7D;&#x4E0D;&#x591A;&#x4F59;,&#x5355;&#x4E2A;css&#x6587;&#x4EF6;&#x7684;&#x5C42;&#x7EA7;&#x4F18;&#x5316;</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x5F85;&#x5B9A;</td>
<td></td>
</tr>
<tr>
<td>13</td>
<td>localstorage&#x672C;&#x5730;&#x5B58;&#x50A8;&#x4E0E;&#x4F18;&#x5316;</td>
<td>5</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x5B9E;&#x73B0;&#x8BBF;&#x95EE;&#x8D44;&#x6E90;&#x672C;&#x5730;&#x5316;</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x5F85;&#x5B9A;</td>
<td></td>
</tr>
<tr>
<td>14</td>
<td>&#x51CF;&#x5C11;HTTP&#x8BF7;&#x6C42;&#x6570;&#x548C;&#x7F51;&#x7EDC;&#x6027;&#x80FD;&#x4F18;&#x5316;&#xFF08;&#x6587;&#x4EF6;&#x6253;&#x5305;&#x538B;&#x7F29;&#x5408;&#x5E76;&#x3001;combo&#x5408;&#x5E76;&#x6587;&#x4EF6;&#x8BF7;&#x6C42;&#x7B49;&#xFF09;</td>
<td>9</td>
<td></td>
<td>&#x6700;&#x5927;&#x9650;&#x5EA6;&#x4F18;&#x5316;&#x9875;&#x9762;http&#x8BF7;&#x6C42;&#x6570;&#xFF0C;&#x52A0;&#x901F;&#x7F51;&#x9875;&#x6E32;&#x67D3;</td>
<td>&#x5F85;&#x5B9A;</td>
<td>&#x5F85;&#x5B9A;</td>
<td></td>
</tr>
</tbody>
</table>

        <div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
    </div>

</div>


</body>
</html>
